// 引入工具函数
require('../js/common-js/utils.js')
// 引入当前less
require('../less/index.less')
// 引入轮播图的css文件
require('../lib/swiper/swiper-bundle.css')
// 引入轮播图插件
let Swiper = require('../lib/swiper/swiper-bundle.js')


// 文档加载完成
document.ready(function () {

    // 调用底部导航栏函数,添加到页面底部
    window.$utils.footerNavBar('index')

    // 轮播图
    new Swiper('.swiper-container', {
        // direction: 'vertical', // 垂直切换选项
        loop: true, // 循环模式选项
        autoplay: {
            delay: 3000,
            stopOnLastSlide: false,
            disableOnInteraction: false,
        },
        // 如果需要分页器
        pagination: {
            el: '.swiper-pagination',
        }
    })

    // 获取dom
    let rankNum = document.querySelector('#rankNum')   //排名
    let punchNum = document.querySelector('#punchNum')   //打卡
    let badgeNum = document.querySelector('#badgeNum')   //徽章
    let punchBtn = document.querySelector('#punchBtn')   //打卡按钮
    let motionData = document.querySelector('#motionData')  //运动数据
    let badge = document.querySelector('#badge')   //徽章
    let courseTrain = document.querySelector('#courseTrain')   //课程训练
    let run = document.querySelector('#run')   //跑步
    
    //true:没有打卡  flase:已经打卡
    let isPunch = true;

    // 获取当前用的的信息
    let user = JSON.parse(window.localStorage.getItem("user"))
    // console.log(user);
    
    // 打开就调用函数
    getIndexData()
    // 封装函数，获取首页的数据
    function getIndexData() {
        // 发送ajax请求
        axios.get(window.$utils.BASE_URL + '/headPageInfo?userId=' + user.userId)
            .then(function (result) {
                // 获取data中的值
                let res = result.data
                // console.log(res);
                // 判断,显示数据
                if (res.status === 0) {
                    // 排名
                    rankNum.textContent = res.data.rank
                    // 打卡累计天数
                    punchNum.textContent = res.data.punchIn
                    // 运动徽章
                    badgeNum.textContent = res.data.insigniaNum
                    // 打卡按钮
                    punchBtn.textContent = res.data.isPunch === "true" ? "已打卡" : "今日打卡"

                    // 打卡请求
                    isPunch = res.data.isPunch === "true" ? false : true;
                }
            })
            .catch(function (error) {
                console.log(error);
            })
    }

    // 点击punchBtn 打卡 添加事件
    punchBtn.addEventListener('click', function () {
        // 判断
        if (isPunch) {
            // 发送ajax请求
            axios.get(window.$utils.BASE_URL + '/clockIn?userId=' + user.userId)
                .then(function (result) {
                    let res = result.data
                    console.log(res);
                    // 判断
                    if (res.status === 0) {
                        // 调用函数，刷新页面
                        getIndexData()
                        // 提示框
                        window.$utils.showToast('icon-daka', '打卡成功')
                    }/* else if(res.status === 1){
                        window.$utils.showToast('icon-cuo', '今天已经打卡啦')
                    } */
                })
                .catch(function (error) {
                    console.log(error);
                })
        }else{
            window.$utils.showToast("icon-hhh", "今天已经打卡啦");

        }
    })

    // 点击motionData 运动数据 添加事件
    motionData.addEventListener('click',function(){
        // 跳转页面
        location.href = 'mySportsData.html'
    })

     // 点击badge 运动数据 添加事件
     badge.addEventListener('click',function(){
        // 跳转页面
        location.href = 'myBadge.html'
    })

    // 点击courseTrain 课程训练 添加事件
    courseTrain.addEventListener('click',function(){
        // 跳转页面
        location.href = 'course.html'
    })

     // 点击run 课程训练 添加事件
     run.addEventListener('click',function(){
        // 跳转页面
        location.href = 'sports.html'
    })
})